{$layout}

<first-menu>
    <menu-item href="/servers">服务列表</menu-item>
    <span class="item disabled">|</span>
    <menu-item :href="'/servers/server/log?serverId=' + server.id" active="true">"{{server.name}}"日志</menu-item>
    <span class="disabled item">|</span>
    <more-items-angle
            :v-data-url="'/servers/nearby?serverId=' + server.id"
            :v-url="'/servers/server/log?serverId=${serverId}'"></more-items-angle>
</first-menu>

{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
	<first-menu>
		<menu-item :href="path + '?serverId=' + serverId + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize" :active="hasError == 0 && hasWAF == 0">所有日志</menu-item>
		<menu-item :href="path + '?serverId=' + serverId + '&hasError=1' + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize" :active="hasError > 0">错误日志</menu-item>
        <menu-item :href="path + '?serverId=' + serverId + '&hasWAF=1' + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize" :active="hasWAF > 0">WAF日志</menu-item>
	</first-menu>

    <form method="get" class="ui form small" :action="path">
        <input type="hidden" name="serverId" :value="serverId"/>
        <input type="hidden" name="hasError" :value="hasError"/>
        <input type="hidden" name="hasWAF" :value="hasWAF"/>
        <http-access-log-search-box :v-ip="ip" :v-domain="domain" :v-keyword="keyword" :v-cluster-id="clusterId" :v-node-id="nodeId"></http-access-log-search-box>
    </form>

    <!-- 分区 -->
    <http-access-log-partitions-box :v-day="day" :v-partition="partition"></http-access-log-partitions-box>

	<p class="comment" v-if="accessLogs.length == 0">今天暂时还没有访问日志。</p>

	<table class="ui table selectable" v-if="accessLogs.length > 0">
		<!-- 这里之所以需要添加 :key，是因为要不然不会刷新显示 -->
		<tr v-for="accessLog in accessLogs" :key="accessLog.requestId">
			<td><http-access-log-box :v-access-log="accessLog" :v-keyword="keyword"></http-access-log-box></td>
		</tr>
	</table>

	<div v-if="accessLogs.length > 0">
		<a :href="path + '?serverId=' + serverId + '&requestId=' + lastRequestId + '&hasError=' + hasError + '&hasWAF=' + hasWAF + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize + '&partition=' + partition" v-if="hasPrev">上一页</a>
		<span v-else class="disabled">上一页</span>
		<span class="disabled">&nbsp; | &nbsp;</span>
		<a :href="path + '?serverId=' + serverId + '&requestId=' + nextRequestId + '&hasError=' + hasError + '&hasWAF=' + hasWAF + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize + '&partition=' + partition" v-if="hasMore">下一页</a>
		<span v-else class="disabled">下一页</span>
        <page-size-selector></page-size-selector>
	</div>
</div>